<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>消费记录</title>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" href="css/mui.css" />
    <script type="text/javascript" src="js/mui.js" ></script>
      <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	$(window).load(function(){
    		$(".loading").addClass("loader-chanage")
    		$(".loading").fadeOut(300)
    	})
    </script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
	<body>
		<div class="warp clearfloat">
			<header class="mui-bar mui-bar-nav">
			    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			    <h1 class="mui-title">消费记录</h1>
			</header>
			<div class="main clearfloat" id="main">
				<div class="balance clearfloat">
					<!--<div class="top clearfloat box-s">
						<p class="dqian">当前余额</p>
						<p class="price">0.00<span>元</span></p>
						<a href="#" class="ba-btn fl" onclick="create()">
							充值
						</a>
					</div>-->
					<div class="bottom clearfloat mt10 box-s" style="margin-top: 45px;">
						<p class="tit box-s">
							最近30天收支明细
						</p>
						<div id="bdetial"></div>
						
					</div>
				</div>
			</div>	
			<footer class="page-footer fixed-footer">
				<ul>
					<li>
						<a href="index.html">
							<img src="images/footer001.png"/>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="assort.html">
							<img src="images/footer002.png"/>
							<p>附近</p>
						</a>
					</li>
					<li>
						<a href="shopcar.html">
							<img src="images/footer003.png"/>
							<p>购物车</p>
						</a>
					</li>
					<li class="active">
						<a href="self.html">
							<img src="images/footer04.png"/>
							<p>个人中心</p>
						</a>
					</li>
				</ul>
			</footer>
	</body>
	<script>
		$(function() {
			var bdetial = document.getElementById("bdetial");
			/*alert(bdetial);*/
			bdetial.innerHTML="";
			//在这写jshoutiaichcuanzhi
			bdetial.innerHTML+="<div class='list fl box-s clearfloat'>"
			+"<ul><li class='fl'>"
			+"<span class='dsan fl'>第三方支付消费</span>"
			+"<span class='time fr'>2016-1-02</span></li><li class='fl mt5'>"
			+"<span class='jiage fr'>-26.30</span>"
			+"<span class='yue fl'>余额：0.00</span></li></ul></div>";
			});
	</script>
</html>
